<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>华胜后台管理系统登录平台</title>
    <link rel="shortcut icon" href="img/stree.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/unified.css"><!-- 主要css样式 -->
	<link rel="stylesheet" type="text/css" href="css/login.css">
	<script src="../js/initConfig.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/common.js" type="text/javascript"></script>
    <script src="../js/md5.js" type="text/javascript"></script>
    <script src="../js/jsencrypt.js" type="text/javascript"></script>
    
</head>

<body>
    <!-- 背景 -->
    <div id="wonder"></div>
    <script src="plugins/canvas/Wonder.js"></script>
    <!-- 背景end -->

    
    <!-- 登录框 -->
    <div class="loginbox">
        <h1>华胜后台管理系统</h1>
        <form class="loginform layui-form" action="">
            <div class="layui-form-item">
                <div class=" iconfont icon-loginuser">
                    <input type="text" id="username" name="username"required  lay-verify="required" placeholder="用户名" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="iconfont icon-mima">
                    <input type="password" id="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">
                
                </div>
            </div>
            
            <div class="layui-form-item codebox">
                <div class="layui-input-inline">
                  <input type="num" id="verifyCode" name="verifyCode" required lay-verify="required" placeholder="验证码" autocomplete="off" class="layui-input">
                </div>
                <div class="cordimg"><img src="" id="verifyimg"></div>
            </div>
            
            <div class="layui-form-item " style="margin-bottom: 0">
                
            
                <!--<input type="checkbox" name="" title="记住密码" lay-skin="primary">-->
                <button class="layui-btn" lay-submit lay-filter="formDemo" onclick="dologin()">立即提交</button>
            </div>
            
        </form>
        
       
    </div>
    <!-- 登录框  end -->
    
    
    <script src="plugins/layui/layui.js"></script>
    
    <script src="js/login.js" type="text/javascript"></script>
 	<script src="js/allajax.js" type="text/javascript"></script>
    <script>
        layui.config({
            base: 'js/'
        }).use(function() {
        });

         //Demo
        layui.use(['form','jquery'], function(){
          var form = layui.form;
          
          //监听提交
          form.on('submit(formDemo)', function(data){
//          layer.msg(JSON.stringify(data.field));
            return false;
          });
        });


			
        /**
         * el {String} 元素id或class
         * dotsNumber {Int} 初始化时页面上点的数量，如不传将根据绘制面积控制点的数量
         * lineMaxLength {Int} 两点之间最大的连接线长度，默认：250
         * dotsAlpha {Float} 点的透明度，取值范围 (0,1]，默认：0.8
         * speed {Float} 点的移动速度，取值范围：大于0，默认：2
         * clickWithDotsNumber {Int} 每次点击产生的点的数量，默认：5
         */
//      if($("body").width() < 470){
//      	new Wonder({
//	            el: '#wonder',
//	            dotsNumber: 80,
//	            lineMaxLength: 150,
//	            dotsAlpha: 0.9,
//	            speed: 0.5,
//	            clickWithDotsNumber: 2
//	        })
//      }else{
//      	new Wonder({
//	            el: '#wonder',
//	            dotsNumber: 150,
//	            lineMaxLength: 300,
//	            dotsAlpha: 0.9,
//	            speed: 1.5,
//	            clickWithDotsNumber: 5
//	        })
//      }
        

    </script>
</body>

</html>